<template>
    <div>
        <Header :tap='title'/>
        <Lunbo />
        <div class="pic">
            点赞
            <img src="../../images/cont_icon2_sel.png" alt="" v-if="flag" @click="like()">
            <img src="../../images/cont_icon2_unsel.png" alt="" v-else @click="like()">
            <p>{{$store.state.count}}</p>
            <button @click="$store.commit('jia')">+</button>
            <button @click="$store.commit('jian')">-</button>
            <div class="mui-numbox">
					<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
					<input class="mui-input-numbox" type="number" v-model="val"/>
					<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
			</div>

            <mt-button type="primary" @click="onTap()">点击购买</mt-button>
        </div>
        <Footer message="val"/>
    </div>
</template>
<script>
import Header from "../commons/header.vue";
import Footer from "../commons/footer.vue";
import Lunbo from "../commons/lunbo.vue";
export default {
  data() {
    return {
      title: "会员",
      flag: false,
      val:1
    };
  },
  components: {
    Header,
    Footer,
    Lunbo
  },
  mounted() {
   
    
  },
  methods: {
    like() {
      this.flag = !this.flag;
    },
    onTap() {}
  }
};
</script>
<style scoped>
</style>


